// //创建vue对象
// let vm = new Vue({
//     el: '#app',
//     delimiters: ['[[',']]'],
//     data: { //数据对象
//         //v-model
//         username: '',
//         password: '',
//         password2: '',
//         mobile: '',
//         allow: '',
//         //v-show
//         error_name: false,
//         error_password: false,
//         error_password2: false,
//         error_mobile: false,
//         error_allow: false,
//
//         //error
//         error_name_message: '',
//         error_mobile_message: '',
//     },
//     methods: {
//         //校验用户名
//         check_username() {
//             console.log('1111');
//             // 用户名是5-20个字符，[a-zA-Z0-9_-]
//             // 定义正则
//             let re = /^[a-zA-Z0-9_-]{5,20}$/;
//             // 使用正则匹配用户名数据
//             if (re.test(this.username)) {
//                 // 匹配成功，不展示错误提示信息
//                 this.error_name = false;
//             } else {
//                 // 匹配失败，展示错误提示信息
//                 this.error_name_message = '请输入5-20个字符的用户名';
//                 this.error_name = true;
//             }
//
//             // 判断用户名是否重复注册
//             if (this.error_name == false) {
//                 console.log('1111');
//                 let url = '/users/' + this.username + '/count/';
//                 axios.get(url, {
//                     responseType: 'json'
//                 })
//                     .then(response => {
//                         if (response.data.count == 1) {
//                             // 用户名已存在
//                             this.error_name_message = '用户名已存在';
//                             this.error_name = true;
//                         } else {
//                             // 用户名不存在
//                             this.error_name = false;
//                         }
//                     })
//                     .catch(error => {
//                         console.log(error.response);
//                     })
//             }
//         },
//         //校验密码
//         check_password(){
//             let re = /^[0-9A-Za-z]{8,20}$/;
//             if (re.test(this.password)) {
//                 this.error_password = false;
//             } else {
//                 this.error_password = true;
//             }
//         },
//         //校验重复密码
//         check_password2(){
//             if (this.password != this.password2) {
//                 this.error_password2 = true;
//             } else {
//                 this.error_password2 = false;
//             }
//         },
//         //校验手机密码
//         check_mobile(){
//             let re = /^1[3-9]\d{9}$/;
//             if (re.test(this.mobile)) {
//                 this.error_mobile = false;
//             } else {
//                 this.error_mobile_message = '您输入的手机号格式不正确';
//                 this.error_mobile = true;
//             }
//         },
//         //是否勾选协议
//         check_allow(){
//             if (!this.allow) {
//                 this.error_allow = true;
//             } else {
//                 this.error_allow = false;
//             }
//         },
//         //监听表单事件
//         on_submit(){
//             this.check_username();
//             this.check_password();
//             this.check_password2();
//             this.check_mobile();
//             this.check_allow();
//
//             // 在校验之后，注册数据中，只要有错误，就禁用掉表单的提交事件
//             if (this.error_name == true || this.error_password == true || this.error_password2 == true || this.error_mobile == true || this.error_allow == true) {
//                 // 禁用掉表单的提交事件
//                 window.event.returnValue = false;
//             }
//         }
//     }
// });